<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>自驾租车</title>
  <link rel="stylesheet" href="../layui/css/layui.css">
  <link rel="stylesheet" href="../css/vehicle_screening.css">
  <script src="../js/jquery-3.6.0.min.js"></script>
  <script src="../layui/layui.js"></script>

</head>

<body>
  <!-- 头部 -->
  <div id="head">
    <div class="layui-col-md2">
      <div class="grid-demo">logo</div>
    </div>
    <div class="layui-col-md1">
      <div class="grid-demo head-demo"><a href="../head_page/Carefree_first_page.html" class="head-color">首页</a></div>
    </div>
    <div class="layui-col-md1">
      <div class="grid-demo head-demo"><a href="../vehicle/vehicle_screening.html" class="head-hover word-1">自驾租车</a>
      </div>
    </div>
    <div class="layui-col-md1">
      <div class="grid-demo head-demo"><a href="../long_time_older/long_time.html" class="head-hover word-1">长租专区</a>
      </div>
    </div>
    <div class="layui-col-md1">
      <div class="grid-demo head-demo"><a href="../Offline_outlets/Car-search.html" class="head-hover word-1">车型查询</a>
      </div>
    </div>
    <div class="layui-col-md1">
      <div class="grid-demo head-demo"><a href="../Offline_outlets/Business_outlets.html"
          class="head-hover word-1">营业网点</a></div>
    </div>
    <div class="layui-col-md1">
      <div class="grid-demo head-demo"><a href="" class="head-hover word-1">会员专区</a></div>
    </div>
    <div class="layui-col-md3">
      <div class="grid-demo head-demo1">
        <i class="login-icon"></i>
        <a href="../个人制作(临时首页)/html文件/登录界面.html" class=" head-color">登录/注册</a>
      </div>
      <div class="tel">
        <i class="tel-icon"></i>
        <span class="tel-num">110-119-1111</span>
      </div>
    </div>
  </div>


  <!-- takeput取车区域时间列表 -->
  <div class="takeput-item-body layui-row">
    <div class="takeput-xuanze layui-row">
      <div class="takeput-quche layui-row">
        <div class="takeput-quchemendian layui-col-md6">
          <span class="takeput-quCheMenDian">取车门店:</span>
          <input class="layui-input" type=“text” readonly=“readonly” value="苏州">
          <div class="check-car">
            <input class="takeput-check-car-shop takeput-textHuanche layui-input" type=“text” placeholder="选择取车门店">
            <!-- 弹框内容 -->
            <div class="address">
              <div class="adress-d1">
                <div class="layui-col-md1">
                  <div class="address-demo"><a href="javascript:void(0)" class="address-color"></a></div>
                </div>
                <div class="layui-col-md1">
                  <div class="address-demo"><a href="javascript:void(0)" class="address-color">热门景点</a></div>
                </div>
                <div class="layui-col-md1">
                  <div class="address-demo"><a href="javascript:void(0)" class="address-color">查找最近门店</a></div>
                </div>
              </div>


            </div>

          </div>
          <!-- <div class="checkbox-songche">
              <input  class="checkboxin"  name="IsSendService" type="checkbox" value="true">
              <input name="IsSendService" type="hidden" value="false">
              <span>送车上门</span>
            </div> -->
        </div>



        <div class="layui-col-md4">
          <span class="takeput-quCheShiJian">取车时间:</span>
        </div>


        <div class="layui-col-md2">
          <a class="btn-chaxun " href="../Offline_outlets/Business_outlets.html">
            <button class="buy-again layui-btn">查询</button>
          </a>
        </div>




      </div>
      <div class="takeput-huanche layui-row">
        <div class="takeput-quchemendian layui-col-md6">
          <span class="takeput-huanCheMenDian">还车门店:</span>
          <input class="takeput-textHuanche layui-input" type=“text” readonl y=“readonly” value="苏州">
        </div>

        <div class="takeput-quCheMenDian">


        </div>
        <div class="layui-col-md4">
          <span class="takeput-huanCheShiJian">还车时间:</span>
        </div>


        <div class="layui-col-md2">


        </div>


      </div>
    </div>
  </div>

  <!-- temp按钮 -->
  <!-- <div class="layui-col-md2">
    333
  </div>
   -->


  <!-- 车辆  -->
  <div class="cars">
    <div class="car">
    <div class="car-img"><img src="../images/pc-car1.png" alt=""></div>
    <div class="car-message">
      <b>宝马320Li</b><br>
      <label for="">自动 2.0T | 三厢 |5座 | </label>
      <a href="">车辆详情></a><br>
      <div class="car-tag">
        <div class="car-tag-1">时尚</div>
        <div class="car-tag-1">运动</div>
        <div class="car-tag-1">操控</div>
        <div class="car-tag-1">蓝牙连接</div>
      </div>
    </div>
    <div class="time-text">
      <b class="time-text1">￥253</b>/日均
      <a class="btn-yuding" href="../myOrder/myorder_submit.html">
        <button class="buy-again">预定</button>
      </a>
    </div>
  </div>

  <div class="car">
    <div class="car-img"><img src="../images/pc-car1.png" alt=""></div>
    <div class="car-message">
      <b>宝马320Li</b><br>
      <label for="">自动 2.0T | 三厢 |5座 | </label>
      <a href="">车辆详情></a><br>
      <div class="car-tag">
        <div class="car-tag-1">时尚</div>
        <div class="car-tag-1">运动</div>
        <div class="car-tag-1">操控</div>
        <div class="car-tag-1">蓝牙连接</div>
      </div>
    </div>
    <div class="time-text">
      <b class="time-text1">￥253</b>/日均
      <a class="btn-yuding" href="../myOrder/myorder_submit.html">
        <button class="buy-again">预定</button>
      </a>
    </div>
  </div>
</div>

<div class="car">
  <div class="car-img"><img src="../images/pc-car1.png" alt=""></div>
  <div class="car-message">
    <b>宝马320Li</b><br>
    <label for="">自动 2.0T | 三厢 |5座 | </label>
    <a href="">车辆详情></a><br>
    <div class="car-tag">
      <div class="car-tag-1">时尚</div>
      <div class="car-tag-1">运动</div>
      <div class="car-tag-1">操控</div>
      <div class="car-tag-1">蓝牙连接</div>
    </div>
  </div>
  <div class="time-text">
    <b class="time-text1">￥253</b>/日均
    <a class="btn-yuding" href="../myOrder/myorder_submit.html">
      <button class="buy-again">预定</button>
    </a>
  </div>
</div>
</div>

<div class="car">
  <div class="car-img"><img src="../images/pc-car1.png" alt=""></div>
  <div class="car-message">
    <b>宝马320Li</b><br>
    <label for="">自动 2.0T | 三厢 |5座 | </label>
    <a href="">车辆详情></a><br>
    <div class="car-tag">
      <div class="car-tag-1">时尚</div>
      <div class="car-tag-1">运动</div>
      <div class="car-tag-1">操控</div>
      <div class="car-tag-1">蓝牙连接</div>
    </div>
  </div>
  <div class="time-text">
    <b class="time-text1">￥253</b>/日均
    <a class="btn-yuding" href="../myOrder/myorder_submit.html">
      <button class="buy-again">预定</button>
    </a>
  </div>
</div>
</div>

<div class="car">
  <div class="car-img"><img src="../images/pc-car1.png" alt=""></div>
  <div class="car-message">
    <b>宝马320Li</b><br>
    <label for="">自动 2.0T | 三厢 |5座 | </label>
    <a href="">车辆详情></a><br>
    <div class="car-tag">
      <div class="car-tag-1">时尚</div>
      <div class="car-tag-1">运动</div>
      <div class="car-tag-1">操控</div>
      <div class="car-tag-1">蓝牙连接</div>
    </div>
  </div>
  <div class="time-text">
    <b class="time-text1">￥253</b>/日均
    <a class="btn-yuding" href="../myOrder/myorder_submit.html">
      <button class="buy-again">预定</button>
    </a>
  </div>
</div>
</div>


  <!-- foot -->
  <div class="footer">
    <div class="footer-box">
      <div class="footer-left">
        <p>
          <span>关于无忧</span> |
          <span>移动客户端</span> |
          <span>帮助中心</span> |
          <span>建议专区</span> |
          <span>联系我们</span> |
          <span>友情连接</span> |
          <span>投诉通道：400-821-1608</span>
        </p>
        <p>
          <span>Copyright © 2007-2022 苏州无忧信息技术服务有限公司 ICP证：苏B2-20140130|苏ICP备08010394号-1</span>
        </p>
      </div>
      <div class="footer-right"></div>
    </div>
  </div>


</body>

</html>